<%@page contentType="text/html"%>
<%@page pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
		<title>扫码登录-VChello Saas管理工具</title>
		<style>
			body{font-family: "微软雅黑"; font-size:14px;}
			body,h1,p{margin:0; padding:0;}
			
			.container{
				position:fixed; 
				width:100%; 
				height:100%; 
				top:0; 
				left:0;
				background-color:#2f2f2f;
				display:table;
				color:#000;
			}
			.wrapper{
				width:100%;
				height:100%;
				display:table-cell;
				vertical-align: middle;
				text-align:center;
			}
			.content{
				width:680px;
				height:400px;
				background-color:#fff;
				margin-left:auto;
				margin-right:auto;
				border-radius:8px;
				box-shadow: 0 0 25px #000;
			}
			.content h1{
				font-size:18px;
				font-weight:100;
				padding-top:30px;
			}
			#qrcode{
				width:200px;
				height:200px;
				margin:40px auto 30px auto;
			}
			strong{color:#23a8f5;}
		</style>
    </head>
    <body>
    	<div class="container">
    		<div class="wrapper">
    			<div class="content">
    				<h1>投递项目</h1>
    				<div id="qrcode"></div>
    				<p>使用手机扫描二维码后，即可<strong>投递项目</strong></p>
    			</div>
    		</div>
    	</div>
    	
    	<script src="/resources/src/js/jquery-1.9.1.min.js"></script>
    	<script src="/resources/src/js/jquery.qrcode.min.js"></script>
    	<script>
    		$(function(){
    			$("#qrcode").qrcode({'width':200,'height':200,'text':'https://m.vchello.com/'});
    		});
    	</script>
 	</body>
</html>